@import "../../framework/sass/aui/base";
@import "../../framework/sass/aui/codeshow";
@import "../../framework/sass/aui/select";
@import "../../framework/sass/aui/steps";

@import "./app";

@import "../../framework/sass/vendor/datepicker";
@import "../../framework/sass/vendor/jquery.toaster";
@import "./useicon";

@import "oldapp";

@include aui-layout-use-lg-grid();
@include aui-layout-grid-use-flex("xs");
@include aui-layout-grid-use-justify("xs");

@each $medianame, $media in $aui-grid-media {
    @include aui-safe-use-medias($medianame, $aui-grid-media) {
        @include aui-create-display("inline-block", $medianame);
        @include aui-create-text("left", $medianame);
        @include aui-create-text("center", $medianame);
        @include aui-create-text("right", $medianame);
        @include aui-create-text("justify", $medianame);
    }
}

@font-face {
    font-family: "iconfont";
    src: url("../fonts/iconfont.eot"); /* IE9 */
    src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/iconfont.woff") format("woff"), /* chrome, firefox */
    url("../fonts/iconfont.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("../fonts/iconfont.svg#iconfont") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

#globalNav .iconfont {
    font-size: 18px;
}

.jq-toast-wrap.top-right { top: 60px; right: 20px; }

.form-control.input-control {
    float: left;
}

.aui-grid {
    .aui-loading {
        min-height: 90px;
    }
}

@media screen and (min-width: 768px) {
    .app-header .navbar-collapse {
        width: calc(100% - 200px);
        transform: translateX(0);
        box-shadow: none;
    }
    .app-header .navbar-header {
        width: 200px;
    }
    .app-aside-folded .app-header .navbar-header {
        width: 200px;
    }
    .app-aside-folded .app-header .navbar-collapse {
        width: calc(100% - 200px);
        transform: translateX(140px);
    }
    .app-aside-folded .app-header .navbar-header a {
        width: 185px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .app-aside-folded .navbar-brand .hidden-folded {
        display: inline-block !important;
    }
}

.aui-easy-grid {
    background-color: #1a9c39;
    font-size: 0;
    .aui-layout-grid {
        position: relative;
        display: inline-block;

        @include aui-selector-is(".aui-xs-flex", ".aui-sm-flex", ".aui-md-flex", ".aui-lg-flex") {
            display: inline-flex;
        }
        .aui-layout__item {
            font-size:14px;
            background-color: #231231;
            color: #3abbe4;
        }
    }

    &:not(.nomargin) {
        .aui-layout-grid {
            margin-top: -10px;
        }
        .aui-layout__item {
            margin-top: 10px;
        }
    }
}

hr[better] {
    margin-top: 0;
    margin-bottom: 10px;
    border-top: 1px solid #dedede !important; }

